<template>
  <div class="c-martin__contain">
    <martin-button @click="visiable = true">
      点击弹窗
    </martin-button>
    <martin-dialog :visiable.sync="visiable" @close="resetData">
      <header slot="header">
        header
      </header>
      <div>
        body
      </div>
      <footer slot="footer">
        <martin-button @click="visiable = false">取消</martin-button>
        <martin-button type="primary">确定</martin-button>
      </footer>
    </martin-dialog>
  </div>
</template>

<script>
import Button from '@/package/Button/src/Button'
import Dialog from '@/package/Dialog/src/Dialog'

export default {
  name: 'MartinDialogContain',
  components: {
    'martin-button': Button,
    'martin-dialog': Dialog
  },
  data() {
    return {
      visiable: false
    }
  },
  methods: {
    dialog() {
      // this.visiable = true
    },
    resetData() {
      console.log(1)
    }
  }
}
</script>
